<!DOCTYPE html>
<html lang = "zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>
    <title>Position属性</title>
    <link rel="stylesheet" href="css/position.css" type="text/css">
</head>

<body>
    <div id = "box">
        <div>
            <input type="text" placeholder="请输入内容">
        </div>

        </idv>
        <a href = "javascript:void(0)">超链接1</a> 
        <a href = "javascript:void(0)">超链接2</a>
        <a href = "javascript:void(0)">超链接3</a>
        <a href = "javascript:void(0)">超链接4</a>
        <a href = "javascript:void(0)">超链接5</a>
    </div> 

    <script type = "text/javascript">
        let box = document.getElementById("box");
        console.log(box.parentNode);
        let childNodes = box.childNodes;
        console.log(box.childNodes);
    </script>
</body>
</html>